@charset "utf-8";
/* gilstar.com */

/* Reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;font-family:'맑은 고딕','Malgun Gothic',Helvetica,AppleGothic,sans-serif;line-height:1.3em}
body{position:relative;width:100%;background-color:#282828;background-image:url(../img/bgTop.png),url(../img/bgBottom.png);background-repeat:repeat-x;background-position:50% 0,50% 100%;color:#000;-webkit-text-size-adjust:none}
@media all and (orientation:landscape){body{background-image:url(../img/bgTopLandscape.png),url(../img/bgBottomLandscape.png)}}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none}
table{border-collapse:collapse}
section,nav,article,aside,hgroup,header,footer{display:block}

/* Common */
.hidden{overflow:hidden;position:absolute;top:auto;left:-9999px;width:1px;height:1px;}

.header{position:relative}
.header .logo{padding:6px 0 0;text-align:center}
.navUl{display:table;clear:both;width:100%;padding-bottom:1px;text-align:center}
.navLi{display:table-cell;vertical-align:top;*float:left}
.navLiMap,
.navLiList{width:38%;height:26px;padding:4px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.05)),color-stop(.51,rgba(255,255,255,0)),to(rgba(255,255,255,0)))}
.navLiMap{-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 1px rgba(0,0,0,.1),1px 1px 0 rgba(0,0,0,.5)}
.navLiList{-webkit-box-shadow:inset -1px 1px 0 rgba(255,255,255,.3),inset 0 0 1px rgba(0,0,0,.1),1px 1px 0 rgba(0,0,0,.5);border-top-right-radius:1px;border-bottom-right-radius:1px}
.navA{display:block;color:#ccc;line-height:26px}
.navLiSel .navA{border-radius:3px;background-color:rgba(0,0,0,.5);color:#fff;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.5)}
.navLiSignup .navA{width:40px;height:35px;margin:-3px auto 0;background:url(../img/images.png) no-repeat -59px -12px;font-size:1px;line-height:1px;color:transparent}
.navLiSignup.navLiSel .navA{background-color:none;-webkit-box-shadow:none}

.footer{clear:both;width:100%;padding:8px 0 10px;border-top:1px solid #9a9691;font-size:11px;line-height:1.3em;color:#ececec;text-align:center}
.footerA{color:#ececec}
.footerDiv{font-size:10px;color:#999;vertical-align:1px}
.footerCopy{font-size:10px;color:#999}

/* 인트로 */
.introBody{background:#323232}
.intro{font-size:15px;color:#bbb;text-align:center}
.introVisual{height:350px;background:url(../img/intro.png) no-repeat 50% 10px}
.introLoading{padding-bottom:30px}
.pop{display:none;position:absolute;left:50%;top:100px;margin-left:-136px;padding:3px;border-radius:10px;background:#ff7200;background:-webkit-gradient(linear,0 0,0 100%,from(#fec530),to(#ff7200));}
.popWrap{width:272px;min-height:126px;padding-bottom:10px;border-radius:10px;background:#fff}
.pop h1{padding:36px 10px 20px 78px;font-size:14px;color:#333;font-weight:normal;text-align:left}
.pop h1:before{display:inline-block;position:absolute;left:45px;top:43px;width:26px;height:27px;background:url(../img/images.png) no-repeat;content:''}
.popAction{margin:0 30px}
.popBtn{display:inline-block; width:103px; padding:2px 0 4px; background:#ff7200; color:#fff}
.popBtn:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}
.popBtn:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}
.popBtn:only-child{width:100%;border-radius:5px;letter-spacing:-1px}
.popVisual{position:absolute;left:50%;top:-62px;width:110px;height:106px;margin-left:-55px;background:url(../img/images.png) no-repeat}
.popStart .popVisual{background-position:-462px -172px}
.popStart h1:before{background-position:-10px -196px}
.popX .popVisual{background-position:-357px -164px}
.popX h1:before{background-position:-41px -196px}
.popConcert .popVisual{background-position:-245px -175px}
.popConcert h1{padding-left:86px}
.popConcert h1:before{display:none}
.popConcert .popArtist{position:absolute;left:34px;top:36px;border:2px solid #ffc300}

/* 지도 보기 */
.map{position:relative;overflow:hidden;clear:both;width:100%;height:380px}
.mypin,
.pin{position:absolute;width:40px;height:50px;border:0;background:url(../img/images.png) no-repeat;-webkit-appearance:none;font-size:1px;line-height:1px;color:transparent;text-align:center;white-space:nowrap}
.mypin{left:6px;top:6px;z-index:10;height:40px;background-position:-147px -10px;}
.pin1{background-position:-271px -6px}
.pin2{background-position:-311px -6px}
.pin3{background-position:-351px -6px}
.pin4{background-position:-391px -6px}
.pinState{display:inline-block;overflow:hidden;position:relative;top:-6px;width:22px;height:22px;background:url(../img/images.png) no-repeat}
.pinStateIng{background-position:-46px -150px}
.pinStateFinish{background-position:-17px -150px}
.pinLayer{position:absolute;padding:8px 10px;border:1px solid rgba(170,169,166,.9);border-radius:8px;background:rgba(224,226,229,.9);font-size:11px;line-height:1.2em;color:#555;-webkit-box-shadow:inset 0 0 1px #fff,0 1px 2px rgba(0,0,0,.3)}
.pinLayerH{font-size:12px;color:#333}
.map_notice_wrap{position:absolute; left:0; bottom:10px;width:100%;  text-align:center}
.map_notice{position:relative;margin:0 20px;padding:10px 44px 10px 10px;border:1px solid #d3d3d3;background:rgba(93,93,93,.8);color:#fff;border-radius:15px}
.map_notice_s{color:#fc0;text-decoration:underline}
.map_notice_close{position:absolute;right:0;top:0;width:40px;height:100%;border:0;background:url(../img/images.png) no-repeat -460px -5px;text-indent:-999em}
.viewOption{position:relative}
.listDate{padding:4px 10px 8px}
.listDateLi{display:inline}
.listDateLi:before{display:inline-block;width:1px;height:15px;margin-right:4px;border-right:1px solid #1d1d1d;background:#555;vertical-align:-3px;content:''}
.listDateLi:first-of-type:before{display:none}
.listDateA{display:inline-block;padding:0 4px;color:#ececec}
.listDateLiSelected .listDateA{text-shadow:0 0 5px #ffd800}
.setLocation{position:absolute;right:14px;top:2px;max-width:12em}
@media all and (orientation:landscape){.setLocation{max-width:23em}}

/* 목록 보기 */
.listInfo{position:relative;background:#666;}
.listNum{padding:11px 10px;font-size:12px;color:#fff}
.listOrder{position:absolute;top:6px;right:10px;width:110px;height:28px;-webkit-border-radius:14px;background:#333;-webkit-box-shadow:inset 0 1px 2px #000,0 1px 0 #777}
.listOrderDistance,
.listOrderTime{display:block;position:absolute;top:0;z-index:20;width:55px;height:28px;font-size:12px;line-height:28px;color:#fff;text-align:center;-webkit-border-radius:14px;-webkit-transition:color .3s ease-in-out}
.listOrderDistance{left:0}
.listOrderTime{right:0}
.listOrderSel{position:absolute;top:0;z-index:10;width:55px;height:28px;-webkit-border-radius:14px;background:#fd0;background:-webkit-gradient(linear,0 0,0 100%,from(#fd0),to(#ffc400));-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.5);-webkit-transition:left .3s ease-in-out}
.listOrderSelDistance .listOrderSel{left:0}
.listOrderSelTime .listOrderSel{left:55px}
.listOrderSelDistance .listOrderDistance,
.listOrderSelTime .listOrderTime{color:#000}

.listUl{border-top:1px solid #ddd;background:#fff}
.listLi{border-bottom:1px solid #ddd}
.listA{display:block;padding:10px}
.listThumbWrap{float:left;width:72px;height:72px;margin-right:10px;border:1px solid #d7b92f;background:#fde342 url(../img/bg_noimage.png) no-repeat 50% 50%;-webkit-box-shadow:inset 3px 3px rgba(212,175,41,.5),inset -3px -3px rgba(212,175,41,.5)}
.listThumb{vertical-align:top}
.listContent{overflow:hidden;font-size:13px;color:#666}
.listH{font-size:14px;color:#000}
.listDiv{color:#ccc}
.listArtist{font-weight:normal;color:#646464}
.listEmpty{padding:20px 0;border-bottom:1px solid #ddd;background:#fff;text-align:center}

.listPage{border-top:1px solid #e0e0e0;padding:10px 0;background:#e7e7e7;text-align:center}
.listPageWrap{position:relative;width:188px;height:28px;margin:0 auto;border:1px solid #7f8389;border-radius:4px;background:#fbfbfb;line-height:28px;-webkit-box-shadow:inset 0 0 18px #ccc}
.listPagePrev,
.listPageNext{display:block;position:absolute;top:-1px;width:33px;height:28px;border:1px solid #7f8389;background:#b7b7b7;-webkit-box-shadow:inset 0 1px 0 #d4d4d4;font-size:1px;color:transparent}
.listPagePrev{left:-1px;border-top-left-radius:4px;border-bottom-left-radius:4px;background:url(../img/images.png) no-repeat -425px -129px, -webkit-gradient(linear,0 0,0 100%,from(#b7b7b7),to(#929292))}
.listPageNext{right:-1px;border-top-right-radius:4px;border-bottom-right-radius:4px;background:url(../img/images.png) no-repeat -476px -129px, -webkit-gradient(linear,0 0,0 100%,from(#b7b7b7),to(#929292))}
.listPageCurrent{display:inline-block;font-size:13px;color:#333}

/* 공연 등록 */
#signup{padding:6px 0 0;background:#e9e9e9;font-size:13px}
.writeUl{margin:0 10px 10px}
.writeLi{display:table;width:100%}
.writeCell{display:table-cell;padding:4px 0}
.writeCell:first-child{width:6em;color:#222}
.writeCellBlank{width:.4em}
.writeView{display:block;padding:2px 4px;border:1px solid #b4b4b4;-webkit-border-radius:2px;background:#fff;-webkit-box-shadow:inset 0 1px 2px #ccc}
.writeTime{white-space:nowrap}
.writeInput{width:100%;height:20px;border:0;-webkit-border-radius:0;background:none;-webkit-appearance:none}
.writeTextarea{height:100px}
.writeFile{display:block;border:1px solid #000;text-align:center}
.writeMapArea{border:1px solid #999}
.writeMap{overflow:hidden;width:100%;height:198px}
.writeMapNotice{padding:2px 0;background:#666;font-size:12px;color:#fff;text-align:center}
.writeSpace{margin-right:.4em}
.writeBtnLocation,
.writeFile{display:block;margin:0 10px 10px;padding:6px 10px;border:1px solid #999;border-radius:2px;background:#d7d7d7;background:-webkit-gradient(linear,0 0,0 100%,from(#d7d7d7),to(#bdbdbd));-webkit-box-shadow:inset 0 1px 0 #e6e6e6;color:#505050}
.writeBtnLocation{width:100%;height:28px;margin:0;padding:0;letter-spacing:-1px;white-space:nowrap}
.writeFileInput{width:100%;border:0;background:none;-webkit-appearance:none}
.writeFileNotice{font-size:12px;letter-spacing:-1px}
#signup .select{width:100%;height:26px;font-size:13px}
.writeCell input[type='radio']{margin-right:4px;vertical-align:0}
.action{padding:10px 0 20px;background:#666;text-align:center}
.actionNotice{color:#fff;font-size:12px;letter-spacing:-1px;text-align:center}
.btnSubmitWrap{margin:10px 10px 0}
.btnSubmit{width:100%;padding:4px 0 8px;border:1px solid #5a4d0d;border-radius:2px;background:#ffc400;background:-webkit-gradient(linear,0 0,0 100%,from(#ffc400),to(#ffa200));-webkit-box-shadow:inset 0 1px 0 #ffd900;font-size:16px;color:#fff;letter-spacing:-1px;text-shadow:0 1px 0 rgba(0,0,0,.4)}
.safari .btnSubmit{padding:5px 0 7px}
.writeCellSNS{width:7em}
.writeCellBtnLocation{width:6em}

/* 상세 보기 */
.view{padding:10px;background:#fff}
.view .listThumbWrap{width:100px;height:100px}
.defaultInfo{overflow:hidden;padding-bottom:10px}
.view .listArtist{margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #888;font-weight:normal;font-size:14px}
.viewMapArea{margin-bottom:10px;border:2px solid #fdba16}
.viewMap{overflow:hidden;width:100%;height:298px}
.introduce_h{display:inline-block;padding:8px 10px 4px;background:#ffcd00;background:-webkit-gradient(linear,0 0,0 100%,from(#ffcd00),to(#fdba16));font-size:15px;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px}
.introduce_h_desc{font-size:12px}
.introduce_p{padding:8px 10px 10px;border:2px solid #fdba16}
.otherInfoUl{margin-top:10px;}
.otherInfoLi{overflow:hidden;margin-top:4px;padding:4px;border-radius:5px;background:#ffcd00;background:-webkit-gradient(linear,0 0,0 100%,from(#ffcd00),to(#fdba16));}
.otherInfoLi .icon{overflow:hidden;float:left;width:38px;height:18px;background:url(../img/images.png) no-repeat;font-size:1px;line-height:1px;color:transparent}
.otherInfoLi .iconMovie{background-position:-160px -200px}
.otherInfoLi .iconSNS{background-position:-193px -203px}
.otherInfoA{display:block;overflow:hidden;padding:0 4px;border-radius:5px;background:#fff;text-overflow:ellipsis}
.btnViewWrap{position:relative;margin-top:14px;padding:6px 0 10px;border-top:2px solid #262626}
.btnDel{height:28px;padding:0 10px;border:0;border-radius:0;background:#e60202;background:-webkit-gradient(linear,0 0,0 100%,from(#e60202),to(#a40000));color:#fff;-webkit-appearance:none}
.btnList{position:absolute;right:0;top:4px;height:28px;padding:0 4px;color:#333;line-height:28px}
.btnList:before{display:inline-block;width:10px;height:14px;margin-right:2px;background:url(../img/images.png) no-repeat -220px -177px;vertical-align:-2px;content:''}
.share{display:table;width:100%;margin-top:10px}
.shareCell{display:table-cell}
.shareBlank{width:2px}
.shareBtnFacebook,
.shareBtnTwitter{width:34%}
.shareBtn{width:100%;padding:2px;border:0;border-radius:0;color:#fff;-webkit-appearance:none}
.shareBtnFacebook .shareBtn{border-top-left-radius:3px;border-bottom-left-radius:3px;background:#3c5a98}
.shareBtnTwitter .shareBtn{border-top-right-radius:3px;border-bottom-right-radius:3px;background:#60cdf8}
.shareBtnCopy .shareBtn{padding:0;border:2px solid #aaa;border-radius:3px;background:none;color:#555}

.viewEmpty{padding:40px 0 0;background:#fff;text-align:center}
.viewEmptyVisual{overflow:hidden;width:260px;height:203px;margin:0 auto;background:url(../img/bg_viewEmpty.png) no-repeat 0 0;text-indent:-999em}
.viewEmptyH{font-weight:normal;font-size:14px}
.viewEmptyMessage{padding-bottom:30px}
.viewEmptyBtn{display:block;padding:10px;border-top:2px solid #262626;background:#d2d3d5}
.viewEmptyBtn:after{display:inline-block;width:8px;height:12px;margin-left:2px;background:url(../img/images.png) no-repeat -145px -204px;vertical-align:-1px;content:''}

/* 404 */
.page404{padding:90px 0 100px;border-top:2px solid #111;background:#333;color:#eee;text-align:center;-webkit-box-shadow:inset 0 0 10px #222}
.page404 h1{font-size:18px;color:#d7b92f}
.page404 p{margin:10px 0}
.page404 div{margin-top:20px}
.page404 .btn{display:inline-block;margin:0 1px;padding:5px 10px;border:1px solid #999;border-radius:2px;background:#d7d7d7;background:-webkit-gradient(linear,0 0,0 100%,from(#d7d7d7),to(#bdbdbd));-webkit-box-shadow:inset 0 1px 0 #e6e6e6;color:#000}